<template>
  <vHeader />
  <div class="web-container">
    <router-view></router-view>
  </div>
</template>
<script setup lang="ts">
import { useSidebarStore } from "../store/sidebar";
import { useTagsStore } from "../store/tags";
import vHeader from "../components/header.vue";
import { EmnuItem } from "../components/index";
import vSidebar from "../components/sidebar.vue";
import vTags from "../components/tags.vue";
import { ref, watch } from "vue";

const sidebar = useSidebarStore();
const tags = useTagsStore();

const items = ref<EmnuItem[]>([]);
watch(
  () => sidebar.slidMenu,
  (item) => {
    items.value = item;
  },
  { immediate: true }
);
</script>
<style scoped>
.web-container {
  height: calc(100vh - 60px);
  overflow: hidden;
  background-color: #f3f3f3;
  overflow-y: auto;
}
</style>
